import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

// import postcssPxtorem from 'postcss-pxtorem';
// import postcssImport from 'postcss-import';
// https://vitejs.dev/config/

// const postcssConfig = {
//   plugins: [
//     pxtorem({
//       rootValue: 16,
//       propList: ['*'],
//     }),
//   ],
// };

export default defineConfig({
  plugins: [react()],
  devtool: "source-map",  // 调试专用的   上线必须干掉 
  transpileDependencies: true,
  OnSave: false,  // 去除eslist 的规则警告 
  base: "./", // 基路径 
  mode: "development",  // 代码环境  开发和生产    production 生产环境 
  publicPath:'./',  // 打包的相对路径
  server: {  //开发的服务器配置 
      host: "0.0.0.0", // 0.0.0.0
      port: 8800,
      open: true,  // 自动打开浏览器 
      proxy:{  // 反向代理 
      }
  },

  // css: {
  //   postcss: {
  //     plugins: [
  //       postcssPxtorem({
  //         rootValue: 37.5, // 参考值，这里设置为16px
  //         propList: ['*'],
  //       })
  //     ]
  //   }
  // }
  // css: {
  //   postcss: { plugins: postcssConfig.plugins },
  // },
  // optimizeDeps: { dynamicImportTargets: [] },
  // css:{
  //   preprocessorOptions:{
  //     postcss: {
  //       plugins: [
  //         require('postcss-import')(),
  //         require('tailwindcss')(),
  //         require('autoprefixer')(),
  //         require('postcss-pxtorem')({
  //           rootValue: 16,
  //           propList: ['*'],
  //           selectorBlackList: ['html'],
  //         }),
  //       ],
  //     },
  //   }

  // },

  // @ => src
  resolve: {
      alias: {
          "@": path.resolve(__dirname, 'src'),
          // 'postcss-import': path.resolve(__dirname, 'node_modules/postcss-import')
          
      }
  }
})


